import axios from "axios";
import { Toast } from 'antd-mobile'
import { message } from "antd";

const http = axios.create({
    baseURL: import.meta.env.VITE_BASE_URL,
    timeout: 3000,
});

// 添加请求拦截器
let count = 0;
http.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    count++;
    if (count === 1) {
        Toast.show({
            icon: 'loading',
            content: '加载中...',
            duration: 3000,
        })
    }

    const token = localStorage.getItem('token');
    config.headers.Authorization = `Bearer ${token}`
    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});

// 添加响应拦截器
http.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    count--
    if (count === 0) {
        Toast.clear()
    }
    return response;
}, function (error) {
    // 对响应错误做点什么
    count--
    if (count === 0) {
        Toast.clear()
    }
    // 错误状态码
    if (error.response) {
        const status = error.response.status;
        if (status >= 200 && status < 300) {
            message.success('请求成功')
        }
        else if (status >= 300 && status < 400) {
            message.error('请求被重定向')
        }
        else if (status >= 400 && status < 500) {
            message.error('客户端请求错误')
        }
        else if (status >= 500) {
            message.error('服务器错误')
        }
        else {
            message.error('未知错误')
        }
    }
    return Promise.reject(error);
});

export default http